<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css布局</title>
    <!-- 
         标准文档流
            => 标签元素从上往下从左往右默认排列方式
       
         css布局
            浮动   
            定位 
            弹性盒子 重点
         
         定位
            => 绝对定位
                 postion:absolot
                 top:0
                 left:0
                 bottom
                 right
                 相对浏览器窗口

            => 相对定位
                  postion: relative
                  top:0
                  left:0
                  bottom:
                  right
                  相对自身
            => 固定定位
                  postion:fixed
                  top:0
                  left:0
                  bottom
                  right

            相对限制绝对
            
    -->
</head>
<body>
    
</body>
</html>